<!--
 * @Author: ChunLai
 * @Date: 2022-02-08 09:07:42
 * @LastEditTime: 2023-09-05 20:56:20
 * @Description: 协议与须知阅读列表 + tab展示栏(产品条款、免责说明书需要必读)
 * @FilePath: \0.newInsure\src\views\sign\components\ProtocolsReading.vue
-->

<template>
  <div class="readLists">
    <!-- tab展示必读文本/图片 -->
    <MustList v-if="tabLists.length > 0" />
    <!-- 展示必读PDF文件 -->
    <MustReadPdf v-if="pdfMustReadLists.length > 0" />
    <!-- PDF -->
    <PdfList v-if="pdfLists.length > 0" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex';
import MustList from './protocols/MustList';
import MustReadPdf from './protocols/MustReadPdf';
import PdfList from './protocols/PdfList';
export default {
  name: 'ProtocolsReading',
  components: {
    MustList,
    MustReadPdf,
    PdfList,
  },
  computed: {
    ...mapGetters({
      tabLists: 'readings/tabLists',
      pdfMustReadLists: 'readings/pdfMustReadLists',
      pdfLists: 'readings/pdfLists',
    }),
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.readLists {
  padding: 15px 12px;
  background-color: #fff;
}
</style>
